nomad coder [React] Movie-app Notes - Memo 📒 Nomad Coder 강의노트 (2021 Updated ver.) memo() 를 사용해 렌더링 시 실행되는 함수를 컨트롤 해보자. (알고만 있으면 되는 기능) Components는 언제 다시 렌더링이 될까? 3번째 줄에서 render point log를 추가해 렌더링이 되는 시점을 알아보자. 가장 처음 앱을 실행하면 origin, reset 버튼이 App() 컴포넌트의 state에 따라... Reactnomad coderReact No.4 ReactJS로 영화 웹 서비스 만들기 따라서 state의 상태를 변경할 때 react가 render function을 호출해서 바꿔줘야한다. react는 html을 개발자 도구로 보게 된다면 신기한 동작을 하는데 이 동작은 변화가 있는 부분만 업데이트를 하는것을 볼 수 있다. render를 할 때, react는 virtual DOM을 가지고 있기 때문에 바뀐 부분만 다시 렌더링해준다. react는 setState를 functio... React노마드코더nomad coder리액트React No.6 ReactJS로 영화 웹 서비스 만들기 지난 글에서 API를 가져왔는데, 실제로 우리가 어떤것을 가져왔는지 console.log로 데이터를 확인해보자 object에서 수많은 정보들이 있는데 그 중 data -> data -> movies를 확인해보면 아래의 사진과 같이 나타나는것을 볼 수 있다. 많은 양의 data중 movies만 보고싶다면 다시 다음과 같이 찍어보면된다. movies.data.data.movies를 es6에서는 ... React노마드코더nomad coder리액트React
[React] Movie-app Notes - Memo 📒 Nomad Coder 강의노트 (2021 Updated ver.) memo() 를 사용해 렌더링 시 실행되는 함수를 컨트롤 해보자. (알고만 있으면 되는 기능) Components는 언제 다시 렌더링이 될까? 3번째 줄에서 render point log를 추가해 렌더링이 되는 시점을 알아보자. 가장 처음 앱을 실행하면 origin, reset 버튼이 App() 컴포넌트의 state에 따라... Reactnomad coderReact No.4 ReactJS로 영화 웹 서비스 만들기 따라서 state의 상태를 변경할 때 react가 render function을 호출해서 바꿔줘야한다. react는 html을 개발자 도구로 보게 된다면 신기한 동작을 하는데 이 동작은 변화가 있는 부분만 업데이트를 하는것을 볼 수 있다. render를 할 때, react는 virtual DOM을 가지고 있기 때문에 바뀐 부분만 다시 렌더링해준다. react는 setState를 functio... React노마드코더nomad coder리액트React No.6 ReactJS로 영화 웹 서비스 만들기 지난 글에서 API를 가져왔는데, 실제로 우리가 어떤것을 가져왔는지 console.log로 데이터를 확인해보자 object에서 수많은 정보들이 있는데 그 중 data -> data -> movies를 확인해보면 아래의 사진과 같이 나타나는것을 볼 수 있다. 많은 양의 data중 movies만 보고싶다면 다시 다음과 같이 찍어보면된다. movies.data.data.movies를 es6에서는 ... React노마드코더nomad coder리액트React